<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head>
  
  <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
  <script type="text/javascript" src="/assets/protovis-r3.2.js"></script>
  <style type="text/css">
    #fig {
      width: 880px;
      height: 400px;
    }
    </style>

  <title>Trendy's Home</title>

  
</head><body>
<h1>Trendy the Robot</h1>

<br>

<hr style="width: 100%; height: 2px;">Welcome to Trendy's home!<br>

Trendy is a Google Wave robot. He is happy to serve you, just add him
add him to your waves: trendy-robot@appspot.com<br>

<br>

Most frequently requested trends:<br>

<ol>

{% for topic in top10 %}
  <li>{{topic.topic}}: {{topic.frequency}}</li>
{% endfor %}
</ol>
    <div id="center"><div id="fig">
    <script type="text/javascript+protovis">
    var dados = {{rede}}

    var vis = new pv.Panel()
        .width(880)
        .height(310)
        .bottom(90);

    var arc = vis.add(pv.Layout.Arc)
        .nodes(dados.nodes)
        .links(dados.edges)
        .sort(function(a, b) a.group == b.group
            ? b.linkDegree - a.linkDegree
            : b.group - a.group);

    arc.link.add(pv.Line);

    arc.node.add(pv.Dot)
        .size(function(d) d.group + 6)
        .fillStyle(pv.Colors.category19().by(function(d) d.group))
        .strokeStyle(function() this.fillStyle().darker());

    arc.label.add(pv.Label)

    vis.render();
    </script>
  </div></div>
</body></html>